/* 
    Document   : styles
    Created on : 14.10.2012, 1:55:52
    Author     : artemm
    Description:
        Purpose of the stylesheet follows.
*/
#main{
    width: 100%;
    height: 100%;
}
header{
    position: relative;
    width: 100%;
    height: 110px;
    background-image: url("/thtp.ru/public/images/headerfon.png");
}
#logo{
    margin: 10px 0px 10px 40px;
    float: left;
    width: 159px;
    height: 77px;
    background-image: url("/thtp.ru/public/images/logo.png");
}
#headmenu{
    margin: 20px 25px 20px 20px;
    float: right;
    height: 50px;

}
#headmenu ul{
    list-style: none;
}
#headmenu ul li {

    font-family: Arial;
    font-size: 14px;
    display: block;
    float: left; 
    padding: 1px 5px 1px 1px;
}
#headmenu ul li a{
    text-decoration: none;
    color: #FFFFFF;
}

#regmen{
}
#topmenu{
    z-index: 1;
    margin-top: -13px;
    width: 100%;
    border: solid red 1px;
    height: 63px;
    background-image: url("/thtp.ru/public/images/topmenu.png");
}
#topmenu ul{
    list-style: none;

}
#topmenu ul li{
    padding: 8px 10px 8px 10px;

    display: block;
    float: left;
}
#topmenu ul li a{
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 20px;
}
nav{
    float: left;
    width: 150px;
    height: 100%;
    border: 1px solid yellowgreen;
}
#content{
    margin-left: 150px;
    height: 100%;
    border: 1px solid;
}
footer{
    width: 100%;
    height: 112px;
    border: solid red 1px;
    background-image: url("/thtp.ru/public/images/footer.png");

}
#userpage{
    width: 100%;
    height: 100%;
    border: solid 1px;
}
section #leftusersection{
    width: 150px;
    height: 100%;
    border: solid;
} 
section #centerusersection{
    margin-left: 160px;
    width: auto;
    height: 100%;
    border: solid  blue;
} 
#avatar{
    float: left;
    width: 150px;
    height: 200px;
    border: solid 1px red;
}
#layoutblock{
    position: absolute;
    width:100%;
    height:150%;
    left: 0px;
    top: 1px;
    border:solid 4px;
    display: none;
    z-index: 10;
    overflow: hidden;
    background-color:#808080;
    color:#fff;
    text-align:center;
    padding:10px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5;
}

#registrationblock{
    position: absolute;
    width:500px;
    left: 35%;
    top: 100px;
    border:solid 4px;
    display: none;
    z-index: 10;
    overflow: hidden;
    background-color:#348c13;
    color:#fff;
    text-align:center;
    padding:10px;
}
#enterblock{
    position: absolute;
    width:500px;
    left: 35%;
    top: 100px;
    border:solid 4px;
    display: none;
    z-index: 10;
    overflow: hidden;
    background-color:#348c13;
    color:#fff;
    text-align:center;
    padding:10px;
}
.inputRed{
    border:1px solid #ff4040;
    background: #ffcece;
}
.inputGreen{
    border:1px solid #24B8D8;
    background: #93E9F6;
}
root { 
    display: block;
}